 <script type="text/javascript">
  function isWeiXin(){
    var ua = window.navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i) == 'micromessenger'){
        return true;
    }else{
        return false;
    }
  }
  function getQueryString(name){
      var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
      var r = window.location.search.substr(1).match(reg);
      if(r!=null)return  unescape(r[2]); return null;
  }

  function getCookie(name){
    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
    if(arr=document.cookie.match(reg))
    return unescape(arr[2]);
    else
    return null;
  }

  function gotoAuth(){
      var hrefWithoutHash = location.href.split('#')[0];
      location.replace("http://cas.winnovator.cn/auth/preAuth?appId=1783791821429760&redirect=" + hrefWithoutHash);
  }

  var ssoToken = getCookie("SSO-TOKEN");
  if(!ssoToken){
      gotoAuth();
  }

  var AppStorage = new function() {

      this.setValueInLocalStorage = function(t, a) {
          localStorage.setItem(t, a)
      }
      ,
      this.getValueInLocalStorage = function(t) {
          return localStorage.getItem(t)
      }
      ,
      this.removeValueInLocalStorage = function(t) {
          localStorage.removeItem(t)
      }
  }
</script>
<!doctype html>
<html lang=zh-cmn-Hans>
    <head>
        <meta http-equiv=Content-Type content="text/html; charset=UTF-8"> <title>儿童团队性格测试</title> <meta content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1" name=viewport> <meta content="IE=edge,chrome=1" http-equiv=X-UA-Compatible> <meta name=apple-mobile-web-app-capable content=yes> <meta http-equiv=Cache-Control content="no-cache, no-store, must-revalidate"> <meta http-equiv=Pragma content=no-cache> <meta http-equiv=Expires content=0> <meta http-equiv=cache-control content="max-age=0"> <meta http-equiv=expires content="Tue, 01 Jan 1980 1:00:00 GMT"> <meta name=apple-mobile-web-app-status-bar-style content=black>

        <link rel="shortcut icon" href=http://img.yoparent.com/wp-content/uploads/2015/07/favicon.png>
        <link rel=stylesheet href="styles/main11.css?t=33">
        <script src=scripts/vendor.js></script>
        <style>
      .continue-btn-wrap{
        width: 100%;
        height: 55px;
        position: absolute;
        bottom: 10px;
      }
      .questionCaption{
        font-weight: 900;
        color: #b2ed38;
      }
    </style>
    <script language=text/template id=demoImageShower style=display:none>
      <%_.each(data, function(oneImageData,index){%>
        <div class="one-demo-image-shower ">
          <div class="one-demo-image-wrapper" disable="0" data-results=<%=oneImageData.id%> >
              <img src="<%=oneImageData.foreground%>" alt="<%=oneImageData.name%>" />
                <div class="one-demo-image-name">
                  <span><%=oneImageData.name%></span>
                </div>
          </div>
        </div>
      <%})%>
    </script>
    <script language=text/template id=result-tpl style=display:none;>
        <h3>
        在你的期望中，你的孩子担任的团队角色是：<%=data.wantTo[0].name%>

        <%if(data.wantTo.length > 1){%>
          、<%=data.wantTo[1].name%>
        <%};%>。
        </h3>
        <ul class="question_explain_wrapper">
          <%_.each(data.wantTo, function(oneUniq,index){%>
          <li>
            <div class="one_explain_name">
              <span class="one_name"><%=oneUniq.name%></span>
            </div>
            <div class="one_explain_img">
              <img src="<%=oneUniq.url%>"/>
            </div>
            <div class="one_explain_content"><%=oneUniq.desc%></div>
          </li>

          <%});%>
        </ul>
        <h3>
        事实上，孩子的性格比较适合担任的角色是：<%=data.realTo[0].name%>
        <%if(data.realTo.length > 1){%>
        、<%=data.realTo[1].name%>
        <%};%>。
        </h3>
        <ul class="question_explain_wrapper">
          <%_.each(data.realTo, function(oneUniq,index){%>
          <li>
            <div class="one_explain_name">
              <span class="one_name"><%=oneUniq.name%></span>
            </div>
            <div class="one_explain_img">
              <img src="<%=oneUniq.url%>"/>
            </div>
            <div class="one_explain_content"><%=oneUniq.desc%></div>
          </li>

          <%});%>
        </ul>
      <div class="result-desc">
        <h3>
        团队角色是和孩子的性格高度关联的，家长在做测试的时候也可以思考一下自己对孩子的期望和孩子的性格是不是符合呢？有时会不会有意无意的把自己的意志加给孩子呢？
        </h3>
      </div>
    </script>
    <script language=text/template id=share-description-tpl style=display:none;>
      我的孩子适合在团队中担任<%=data.wantTo[0].name%><%if(data.wantTo.length > 1){%>、<%=data.wantTo[1].name%><%};%>，让你的孩子也试一下吧！
    </script>
    <script language=text/template id=under-tpl style=display:none;>

      <div class="content-wrap full-page" id="content-wrap" attr-full-page>
        <ul class="content" id="content" attr-content>
          <li attr-page attr-cover>
            <div class="img-cover" img-src="<%=img_src%>"
                 img-width="<%=imgWidth%>"
                 img-height="<%=imgHeight%>"
                 cover-img>
              <img class="hide"/>
            </div>
            <h1 class="hide" cover-title><%=title%></h1>
            <div class="cover-wrapper" id="cover-wrapper" cover-wrapper>
              <ul class="desc cover-scroller hide" style="font-size: 16px;line-height: 25px;" id="cover-scroller" cover-desc>
                <li><%=description%></li>
              </ul>
            </div>
            <div class="btn-wrap">
              <div class="btn bg-primary hide" id="start" cover-btn>开始测试</div>
            </div>
            <div class="power">powered&nbsp;by&nbsp;优儿学堂</div>
          </li>

          <!--示例页面-->
          <li attr-page attr-cover data-id="select">
            <div class="demo-title">
              <span>在以下的十个情境中，你需要在五个你最熟悉的情境中进行选择（点击图片选择情景）</span>
            </div>
            <div style="overflow: hidden;"  class="demoImagesWapper">
                <ul>
                  <li class="demoImages"></li>
                  <li class="continue-btn-wrapper">
                    <br/>
                    <div class="continue-btn-wrap" style="display: none;">
                      <div class="btn bg-primary show animated lightSpeedIn continue" disable="0" style="color: #acb0b9;">继续</div>
                    </div>
                  </li>
              </ul>
            </div>
          </li>

          <%_.each(questions, function(oneQuestion,qIndex){%>
          <li class="page-content-wrapper" attr-page attr-main data-id="<%=oneQuestion.id%>">
            <div class="my-page-wrapper">
              <ul>
                <li>
                  <!--题目的头部-->
                  <div class="img-cover hide" img-width="<%=oneQuestion.imgWidth%>" img-height="<%=oneQuestion.imgHeight%>"
                       main-img img-src>
                    <span class="title-name" ></span>
                    <h1 class="hide main-title-explain" main-title >
                      <%=qIndex+1%>/<%=questions.length%>.<%=oneQuestion.caption%>
                    </h1>
                  </div>
                  <!--题目的头部end-->

                  <!--题目的选项-->
                  <%var answers = oneQuestion.answers%>
                  <div class="answers-content-wrapper wrapper hide" answers-wrapper>
                    <ul class="answers scroller"  answers-num=<%=answers.length%> main-answers>
                      <%_.each(answers, function(oneAnswer,aIndex){%>
                      <li class="hr padding-tb">
                        <div class="one-image-shower">
                          <div class="one-image-wrapper" style="z-index: 100;" data-results='<%=JSON.stringify(oneAnswer.results)%>'
                               answer-item disable="0" id="q<%=oneQuestion.id%>-a<%=aIndex%>">
                            <div>
                              <img src="http://static.winnovator.cn/scale/0011/daxiong.jpg" alt=""   style="border: 4px solid rgb(219, 219, 219);" />
                              <div class="one-image-name">
                                <span></span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </li>
                      <%});%>


                    </ul>
                  </div>
                  <!--题目的选项 end-->

                  <br/>
                  <div class="continue-btn-wrap" style="z-index: 100; display:none;">
                    <%if(questions.length-1 !== qIndex){%>
                    <div class="btn bg-primary show animated lightSpeedIn continue" disable="0" style="color: #acb0b9;">继续</div>
                    <%}else{%>
                    <div class="btn bg-primary show animated lightSpeedIn continue" disable="0" style="color: #acb0b9;">查看结果</div>
                    <%}%>
                  </div>
                </li>
              </ul>

            </div>


          </li>
          <%});%>
          <li attr-page attr-result>
            <div class="cal-wrap">
              <div class="i-box-1 circle animated scaleCirl infinite">

              </div>
              <div class="i-box-2 circle animated scaleCirr infinite">

              </div>
              <div class="text">正在计算结果...</div>
            </div>
            <div class="power">powered&nbsp;by&nbsp;优儿学堂</div>
          </li>
        </ul>
      </div>
    </script>
    <script src="scripts/data/data11.js?t=88"></script>
    <script src="scripts/main11.js?v=77"></script>
    <script>
        var paperId = "view11";
        window.eventLogger = {

            log: function(category, action, label){
                category = paperId + "_" + category;
                action = paperId + "_" + action;
                label = paperId + "_" + label;

                try {
                    _hmt.push(["_trackEvent", category, action, label, 0])
                } catch (e) {}

                $.get("http://logger.yoparent.cn/log.html?category=" + category + "&action=" + action + "&label=" + label + "&token=" + AppStorage.getValueInLocalStorage("scale-token"));
            }
        }
    </script>
</head>
    <body> <!--[if lt IE 10]>
 <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
 <![endif]-->
    <div class=container id=container></div>
    <div class="ending full-page hide">
        <div class=mesg> 让朋友们也来试试！ <div class="share icon-redo2"></div> </div> </div> <div class="orientation full-page hide"> <div class=orientation-wrap> <div class="loading icon-spinner"></div> <div class=mesg>请使用竖屏浏览，体验绝佳！</div> </div> </div> <div class="full-page result-box hide"> <div class=result-wrapper id=result-wrapper result-wrapper> <ul class=desc id=result-scroller> <li> <div class=result-img result-img>

            <img src=http://static.winnovator.cn/scale/0011/result.jpg style="width: 100%;height: auto">

        <span class=title></span> </div> </li> <li result-desc></li> <li class=result-expert>  <br> <span style="font-size: 14px;">更多测试请关注</span>   <div style="text-align: center">

            <img src="http://static.winnovator.cn/scale/985747410.jpg" style="display: block; width: 200px; margin-left: auto;    margin-right: auto;" />

        </div> </li> <li> </li> </ul> </div> <div class=btn-wrap result-btn>  <div class="btn bg-primary" id=share>晒结果</div> </div> <div class=power_result> <div class=text> powered&nbsp;by&nbsp;优儿学堂 </div> <div class=text> ©版权所有&nbsp;&nbsp;侵权必究 </div> </div> </div> <script type=text/template id=quiz-data style=display:none;> </script> <script type=text/javascript>
      var yoparent_token = "1xzqkxz377o5596qmbjwlkvsl";
      var yoparent_start_time = "1436603587600";
    </script> <script type=text/javascript>
      var data_tpl = null;
      var resultUrl = "http://123.59.44.69:7070/yoparent/scale/result";
//      var resultUrl = "http://localhost:8085/yoparent/scale/result";
      WeittQuiz.run(
        data_tpl,
        "#container",
        "#under-tpl",
        {
          nextPageTime: 500,
          bgImg: "",
          coverDesc: { duration: 900, animate: "zoomIn" },
          mainCoverImg: { duration: 0, animate: "zoomInDown" },
          mainAnswers: { duration: 650, animate: "fadeInUp" },
          nextPageWaitingTime:500
        }
      );

      $.ajax({type:'get',url:'http://123.59.44.69:7070/yoparent/scale/initData?url=' + encodeURIComponent(location.href.split('#')[0])+ '&r=' + Math.random(),success:function(data){
        var configData =eval('(' + data + ')');
        sysconfig(configData);
        wxconfig(configData);
      }});
//
      function sysconfig(data){
          var _token = AppStorage.getValueInLocalStorage("scale-token");
          if(!_token){
              AppStorage.setValueInLocalStorage("scale-token", data.token);
          }
          window.yoparent_token = data.token;
          window.yoparent_start_time = parseInt(data.startTime);
      }

      function wxconfig(data){
          wx.config({
              debug: false,
              appId: data.singatureParm.appId,
              timestamp: parseInt(data.singatureParm.timestamp),
              nonceStr: data.singatureParm.nonceStr,
              signature: data.singatureParm.signature,
              jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ"]
          });

          wx.ready(function(){
              wx.checkJsApi({
                  jsApiList: ['chooseImage'],
                  success: function(res) {}
              });
              wx.onMenuShareTimeline({
                  title: '儿童团队性格测试',
                  link: 'http://scale.yoparent.cn/view11.html',
                  imgUrl: 'http://static.winnovator.cn/scale/scale/0011/face.jpg',
                  success: function () {
                      eventLogger && eventLogger.log("timeline_success", "share", "timeline");
                  },
                  cancel: function () {
                      eventLogger && eventLogger.log("timeline_cancel", "share", "timeline");
                  }
              });

              wx.onMenuShareAppMessage({
                  title: '儿童团队性格测试',
                  desc: '你真正了解你孩子的性格吗？在人生的“棋盘”上，孩子的性格更适合哪种角色呢？以下这个测试将帮助你了解你对孩子的期望和孩子真正适合的角色。（适用年龄范围：3岁以上，5-12岁尤其合适）',
                  link: 'http://scale.yoparent.cn/view11.html',
                  imgUrl: 'http://static.winnovator.cn/scale/scale/0011/face.jpg',
                  type: 'link',
                  dataUrl: '',
                  success: function () {
                      eventLogger && eventLogger.log("group_success", "share", "group");
                  },
                  cancel: function () {
                      eventLogger && eventLogger.log("group_cancel", "share", "group");
                  }
              });
          });
      }

    </script> <script type=text/javascript src=http://res.wx.qq.com/open/js/jweixin-1.0.0.js></script>
    <script>
      var _hmt = _hmt || [];
      (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?061e31ddbdbd77c0403205c71bf52730";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    </script>
</body> </html>
